<include file="Public/newset-header" title="发布应用" />
<link rel="stylesheet" href="__STATIC__/css/default.css" />
<link rel="stylesheet" href="__STATIC__/css/app.css" />
<style type="text/css">
    #container{ width: 100%; margin: 0 auto; height: 630px;}
    .btn-u {background: #56bc94;}
    .qq-upload-button-selector { margin-top: 220px;}
    ul{ list-style: none;}
    .container{text-align: center;}
    .container h1{width: 150px;float: left;}
    .biaoti p{width: 150px;float: right;line-height: 62px;margin: 0;text-align: right;padding-right: 15px;}
    .residue{width: 170px;border-radius: 6px;background: #F9F9F9;height: 62px;float: left;padding: 10px 40px;position: relative;}
    .residue a{color: #22c485;text-decoration: none;}
    .residue span{display: block;position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #22c485;top:28px;left: 25px;}
    .combo-tilte{width:100%;height:200px;background-image:url(__STATIC__/img/title-bg_03.jpg);margin: auto;background-position: center top;background-repeat: no-repeat;background-size: 600px 200px;margin-bottom: 80px;}
    .combo-tilte h2{font-size: 30px;font-weight: 500;padding-top: 90px;}
    .combo-tilte h2,.combo-tilte p{color: #2fc387;}
    .combo-tilte p{font-size: 20px;}
    .charge{position: relative;width: 100%;height: 400px;}
    .charge h3,.charge a,.charge p,.charge span{color: #FFFFFF;text-decoration: none;}
    .charge h3{line-height: 60px;border-bottom: 1px solid #ffffff;margin-bottom: 30px;}
    .charge li{width: 290px;position: absolute;padding: 0 30px;box-shadow: 0px 0px 15px 5px rgba(0,0,0,.2);border-radius: 10px;}
    .yellow{background: #ff9630;}
    .yellow a:hover{background: #FFFFFF;color: #ff9630;}
    .green{background: #58c287;}
    .green a:hover{background: #FFFFFF;color: #58c287;}
    .red{background: #ff3b30;}
    .red a:hover{background: #FFFFFF;color: #ff3b30;}
    .blue{background: #3680c4;}
    .blue a:hover{background: #FFFFFF;color: #3680c4;}
    .charge a{display: block;width: 200px;height: 50px;line-height: 50px;text-align: center;margin: auto;border: 1px solid #FFFFFF;border-radius: 4px;margin-bottom: 30px;}
    .charge i{font-size: 60px;font-style: normal;line-height: 65px;}
    .charge div{width: 120px;height: 30px;margin: auto;line-height: 30px;}
    .charge div span{display: block;background: #FFFFFF;width: 120px;height: 30px;color: #58C287;border-radius: 5px;}
    .coverage{z-index: 99;top: -20px;padding-top: 30px;}
    .coverage a{margin-bottom: 70px;}
    .frequency{margin: auto;overflow: auto;width: 820px;padding: 0;text-align: left;}
    .frequency li{width: 350px;float: left;}
    .frequency li p{margin: 0;line-height: 30px;}
    .across{margin: 80px;}
    @media (max-height: 900px){
        #container{ height: 450px;}
        .qq-upload-button-selector { margin-top: 150px;}
    }
    @media (max-height: 720px){
        #container{ height: 330px;}
        .qq-upload-button-selector { margin-top: 100px;}
    }
</style>
<input type="hidden" name="loginuid" id="loginuid" value="{$loginuid}">
<!--<div class="collapse navbar-collapse navbar-responsive-collapse">-->
        <!--<ul class="nav navbar-nav navbar-right">-->
            <!--<li><a href="{:U('Login/index')}">首页</a></li>-->
			<!--<li class="active"><a href="{:U('Index/index')}">上传应用</a></li>-->
			<!--<li><a href="{:U('Index/listinfo')}">应用管理</a></li>-->
		    <!--<li><a href="">APP封装</a></li>-->
			<!--<li><a href="">SDK</a></li>-->
			<!--<li><a href="">UDID</a></li>-->
			<!--<li><a href="">价格套餐</a></li>-->
        <!--</ul>-->
    <!--</div>-->
  <!--</div>-->
<!--</div>-->
</header>
<div class="row-fluid breadcrumbs margin-bottom-20">
    <div class="container biaoti">
        <h1>我的应用</h1>
        <!--剩余次数-->
        <!--<div class="residue">-->
        	<!--<span></span>-->
        	<!--剩余下载次数500000<a href="">更多</a>-->
        <!--</div>-->
        <p>管理我上传的应用</p>
  </div>
</div>
<div class="container content recent" style="padding: 0;">
     <div class="combo-tilte">
     	<h2>总有一款适合你</h2>
     	<p>根据app文件大小收取费用,帐号下所有app共用次数,不限制使用时间,凡付费帐号,均无广告.</p>
     </div>
     <!--收费-->
     <ul class="charge">
     	 <li class="coverage yellow">
     	 	<h3>基础版本</h3>
     	 	<p>1000次下载</p>
     	 	<div></div>
     	 	<p>￥<i>35</i></p>
     	 	<a href="">立即购买</a>
     	 </li>
     	  <li class="green" style="left: 310px;">
     	 	<h3>初级版本</h3>
     	 	<p>3000次下载</p>
     	 	<div><span>赠送300次下载</span></div>
     	 	<p>￥<i>100</i></p>
     	 	<a href="">立即购买</a>
     	 </li>
     	  <li class="coverage red" style="left: 590px;">
     	 	<h3>高端版本</h3>
     	 	<p>5000次下载</p>
     	 	<div></div>
     	 	<p>￥<i>160</i></p>
     	 	<a href="">立即购买</a>
     	 </li>
     	  <li class="blue" style="left: 870px;">
     	 	<h3>pro版本</h3>
     	 	<p>10000次下载</p>
     	 	<div></div>
     	 	<p>￥<i>300</i></p>
     	 	<a href="">立即购买</a>
     	 </li>
     </ul>
     <!--标准-->
     <div class="across">
     <h2>扣除次数说明</h2>
     <ul class="frequency">
     	<li style="margin-right: 120px;">
     		<p>安装包 ≥ 0MB ≤ 100MB  扣除下载次数1</p>
     		<p>安装包 > 300MB ≤ 600MB  扣除下载次数6</p>
     		<p>安装包 > 1000MB ≤ 1500MB  扣除下载次数15</p>
     	</li>
     	<li>
     		<p>安装包 > 100MB ≤ 300MB  扣除下载次数3</p>
     		<p>安装包 > 600MB ≤ 1000MB  扣除下载次数10</p>
     		<p>安装包 > 600MB ≤ 1000MB  扣除下载次数10</p>
     	</li>
     </ul>
        </div>
</div>
<script type="text/javascript" src="__STATIC__/js/plupload.full.min.js" ></script>
<script type="text/javascript" src="__STATIC__/js/qiniu.min.js" ></script>
<script type="text/javascript" src="__STATIC__/js/infozaq.js"></script>

<include file="Public/newset-footer" />